import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/login.vue'
import home from '../components/home.vue'
import Welcome from '../components/welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'
import Cate from '../components/goods/Cate.vue'
import Parms from '../components/goods/parms.vue'
import GoodsList from "../components/goods/List.vue"
import Add from "../components/goods/Add.vue"
import Order from "../components/order/Order.vue"
import Reqort from "../components/reqort/Reqort.vue"
Vue.use(VueRouter)

// 引入全局样式表
import global from "../assets/css/global.css"

// 引入 字体图表
import "../assets/fonts/iconfont.css"


const router = new VueRouter({
  routes:[
    {path:'/',redirect:"/login"},
    {path:'/login',component:Login},
    {path:'/home',component:home,redirect:'/welcome',
    children:[
      {path:'/welcome',component:Welcome},
      {path:'/users',component:Users},
      {path:'/rights',component:Rights},
      {path:'/roles',component:Roles},
      {path:'/categories',component:Cate},
      {path:'/params',component:Parms},
      {path:'/goods',component:GoodsList},
      {path:'/goods/add',component:Add},
      {path:'/orders',component:Order},
      {path:'/reports',component:Reqort},
  ]},
  ]
})

// 挂载路由导航守卫
router.beforeEach((to,from,next) =>{
  // to 将要访问的路径
  // form 代表从哪个路径跳转而来
  // next 是一个函数 表示放行
  // next()放行 next(/login).强制跳转


  // 用户访问的是登录页 强制跳转登录页
  if(to.path === '/login') return next()

  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if(!tokenStr) return next('/login')
  next()
})



export default router
